HTML经常使用表单标签

HTML 表单用于收集用户输入。php

代码示例：html

经常使用属性解释：web

action属性定义在提交表单时执行的动做一般，表单会被提交到 web 服务器上的网页。在上面的例子中，指定了某个服务器脚原本处理被提交表单.服务器

method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）app

建立一个最简单的文本输入框：url

代码示例：spa

实际效果图：3d

咱们能够在这个文本框里面输入任意的数字、字符或符号code

代码示例：orm

placeholder 属性规定用以描述输入字段预期值的提示,该提示会在用户输入值以前显示在输入字段中。placeholder 属性适用于如下输入类型：text、search、url、tel、email 以及 password。

实际效果图：

代码示例：

value 属性规定输入字段的初始值。

实际效果图：

代码示例：

readonly 属性规定输入字段为只读（不能修改）,readonly 属性不须要值。它等同于 readonly="readonly"。

实际效果图：

disabled 属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交。disabled 属性不须要值。它等同于 disabled="disabled"。

代码示例：

maxlength 属性规定输入字段容许的最大长度,如设置 maxlength 属性，则输入控件不会接受超过所容许数的字符。

如上代码：咱们输入超过8个文字后，再输入任意的文字，文本输入框都不会接收。

建立一个密码输入框，代码示例：

实际页面效果：

密码输入框的本质仍是一个文本输入框，只不过密码输入框在用户输入字段时，会自动的将输入的文字用星号或实心圆替换，避免用户密码直接被其余人看到。

备注：适用在文本输入框上的属性一样也适用于密码输入框。

单选输入或单选按钮，一般用与用户从多个选项中选择一个。

代码示例：

请选择您的性别：

实际效果图：

注意事项：

代码示例：

请选择您的性别：

checked 属性规定按钮是否默认选中状态。checked 属性不须要值。它等同于 checked="checked"。

多选按钮，用户能够从多个选项中选择一个或多个

实际效果图：

多选按钮也能够经过checked属性设置多选按钮为默认选中状态，多选的状况下表单提交时，多选按钮提交的值是用英文的逗号隔开的，例如如上表单在提交时， vehicle=pen&vehicle=apple

html中，按钮一般分为普通按钮、提交按钮、重置按钮，其中提交和重置按钮用于表单数据的提交和清空重置，通常放在form表单里面，普通按钮能够随意。

代码示例：

实际页面效果：

value 属性能够设置按钮上显示的文字。按钮能够能够经过disabled属性来设置是否禁用。

表单提交按钮一般位于form表单内，点击后，会将用户输入的数据提交到指定的地址去处理

代码示例：

实际效果图：

备注：

重置（清空）按钮一般用于用户输入表单数据后一键清空。也须要放在form表单内使用

代码示例：

备注：value、disabled属性也适用于reset按钮

文本输入框在用于字数很少的文本输入时没有什么问题，可是当用户须要输入多行、多字数文本时，文本输入框就会显得很不友好。所以多行文本的输入，咱们应该考虑使用文本域。

代码示例：

实际页面效果：

文本域可容纳无限数量的文本，但默认的文本域视觉大小比较小，能够经过文本域右下角的“小三角”拖动来调节大小。也能够经过cols和rows属性来设置文本域的尺寸，可是cols属性设置不太标准，最好的方法是经过CSS设置。

实际页面效果：

rows 属性用于设置文本域可见文本的行数。

cols 属性用于设置文本域可见区域每行文字的个数，可是这个数量由于中英文差别不太标准。

此外，placeholder name maxlength disabled 属性也适用于文本域。

下拉列表和无序列表相似，都是一种组合类型的标签，一般用于省市区的选择。

代码示例：

实际页面效果：

默认的下拉列表选中的是第一项，若是须要指定其余选项，能够经过selected属性设置.

代码示例：

实际页面效果：